<style lang="less" scoped>
@red: #ca4341;
.test {
  color: @red;
  margin: auto;
  text-align: center;
}
</style>

<template>
  <div class="test" > 
    <h1>{{info}}</h1>
  </div>   
  
</template>

<script>
export default {
  components: {},
  data() {
    return {
      msg: "Hellow fis3",
      info: "fis3 with Vue"
    };
  },
  created() {
    console.log(this.msg);
    console.log($.now());
  },
  methods: {
    //
  }
};
</script>
